 * {
     padding: 0;
     margin: 0;
     font-size: 14px;
 }
 
 a {
     text-decoration: none;
     color: #5c5a5a;
 }
 
 li {
     list-style: none;
 }
 
 .container {
     width: 1000px;
     margin: 50px auto;
     position: relative;
 }
 
 .container .header {
     margin-bottom: 20px;
     position: relative;
 }
 
 .top tr th {
     width: 140px!important;
 }
 
 .top tr td {
     width: 115px;
 }
 
 .top tr td {
     padding-left: 25px;
 }
 
 .container table {
     width: 100%;
 }
 
 .container table th,
 td {
     border-bottom: 1px dashed gray;
     text-align: center;
 }
 
 .container table input[name='minus'],
 input[name='plus'] {
     width: 20px;
     text-align: center;
     background-color: #f1ebeb;
 }
 
 .container table input[name='amount'] {
     width: 50px;
     text-align: center;
 }
 
 .container h2 {
     text-align: right;
 }
 
 .container h2 span {
     color: red;
 }
 
 .container .book-add-wrapper {
     border: 1px solid gray;
     padding: 20px;
     text-align: center;
 }
 
 .container .book-add-wrapper .item {
     margin-top: 20px;
 }
 
 .addproduct {
     width: 100px;
     height: 30px;
     border: 0;
     margin-left: 100px;
     position: absolute;
     top: 10px;
     background-color: red;
 }
 
 .cancel {
     width: 100px;
     height: 30px;
     border: 0;
     margin-left: 250px;
     position: absolute;
     top: 10px;
     background-color: red;
 }
 
 .amount-sum em {
     color: red;
     font-size: 20px;
     font-weight: 700;
     font-style: normal;
 }
 
 .price-sum em {
     color: red;
     font-size: 20px;
     font-weight: 700;
     font-style: normal;
 }
 
 .btn-area {
     width: 100px;
     height: 40px;
     background-color: red;
     text-align: center;
     line-height: 40px;
     font-size: 20px;
     color: #fff;
     font-weight: bold;
 }
 
 tr {
     width: 100%;
     height: 100%;
 }
 
 td {
     width: 120px;
 }
 
 .check {
     background-color: #fff4e8;
 }